#{extends 'main.html' /}
#{set title:'Register' /}


<div class="center" style="width: 400px">

<h2>Welcome to Club Sufrin</h2>
<br />
#{form @Application.registerComplete(), method:'GET'}
    <p>
        <label for="user_name">Username: </label><br />
        <input class="text" type="text" id="user_name" name="user_name" />
    </p>
    <p>
        <label for="password1">Password: </label><br />
        <input class="text" type="password" id="password1" name="password1" />
    </p>
    <p>
        <label for="password2">Password again: </label><br />
        <input class="text" type="password" id="password2" name="password2" />
    </p>
    <p>
        <label for="email">Email: </label><br />
        <input class="text" type="text" id="email" name="email" />
    </p>
    <p>
        <label for="user_name">Club / Shop name: </label><br />
        <input class="text" type="text" id="name" name="name" />
    </p>
    <p>
        <label>I am a:</label><br />
        <input type="radio" name="role" value="club"> Club &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp;<input type="radio" name="role" value="retailer"> Retailer<br />
        <br />
    </p>
    <p>
        <input class="button" type="submit" value="Submit" />
        &nbsp&nbsp&nbsp;
        <input class="button" type="reset" value="Reset" />
    </p>
#{/form}

</div>